<template>
  <el-col :xs="24" :sm="24" :md="24" :lg="{span: 11}" :xl="{span: 11}" class="card_box">
    <div class="card_box_title">{{title}}</div>
    <slot name="content"/>
  </el-col>
</template>

<script>
  export default {
    name: "card",
    props: {
      title: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style lang="less" scoped>
  .card_box{
    box-shadow: 0px 12px 36px 0px
    rgba(211, 215, 221, 0.4);
    border-radius: 6px;
    padding: 0!important;
    border: solid 1px #d8e2f0;


      .card_box_title{
        width: 100%;
        height: 66px;
        line-height: 66px;
        min-height: 66px;
        box-sizing: border-box;
        padding-left: 32px;
        background-color: #f3f5fa;
        font-size: 22px;
        color: #333;
      }
  }
</style>

